// 引入vue模块
import Vue from 'vue'
// 这里不是打开文件夹，而是找App.vue或者App.json如果都没有 才是打开文件夹
import App from './App'
// 这里是打开文件夹  会自动引入router文件夹下的index.js文件。
import router from './router'
// 引入reset和border文件
import 'styles/reset.css'
import 'styles/border.css'
// 引入 npm安装的fastclick，并绑定到body上 防止click的300ms延迟
import fastClick from "fastclick";
// 引入VueAwesomeSwiper 和他的css
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
// 引入iconfont.css
import 'styles/iconfont.css'
// 测试引入自己的js
// import '@/assets/js/glo_view.js'
// import 'js/glo_view.js'
/*
* 使用vuex
* 引入store
* */
import store from './store/index'

import 'babel-polyfill'
// 使用fastclick
fastClick.attach(document.body)
// 使用swiper 后面可以跟一些默认的参数
Vue.use(VueAwesomeSwiper, /* { default global options } */)

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
    // 这里其实是 router:router
    router,
    // 创建根vue实例的时候把store传进去
    store,
    // ES6写法  当你写components :{APP:APP} 省略了后面的APP,ES6中如果你的建和值是一样的 你写一个就可以了
    //  用了一个局部的组件 名字是app，这个外层组建的名字也是App
    // 定义一个局部组建的使用
    components:{App},
    // 模板里面 吧这个局部组件渲染出来
    template:'<App/>',
    render: h => h(App)
    
})
// 这个根实例 会把App这个局部组件 显示在页面上，App在哪里呢，app是从当前目录下的 （src目录下），找App.vue或者App.json
// 之类的文件，虽然外面没有写后缀，但是 webpack会自己先找有没有这些后缀的文件